<template>
	<div class="analyMain">
		<div class="analyleft">
			<habit></habit>
		</div>
		<div class="analyright">
			<uploadNum></uploadNum>
		</div>
	</div>
</template>
<script>
	import habit from '@/components/echarts/UploadHabit.vue'
	import uploadNum from '@/components/echarts/UploadNum.vue' 
	export default {
		components:{
			habit,
			uploadNum
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped="scoped">
	.analyMain{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
		height: 80%;
		border: #8c9acd 2px solid;
		border-radius: 50px;
		padding: 20px;
		box-shadow:5px 6px 2px 2px #9ea7c9;
	}
	.analyleft{
		width: 50%;
		height: 100%;
		overflow: hidden;
		float: left;
	}
	.analyright{
		width: 50%;
		height: 100%;
		overflow: hidden;
	}
</style>
